

/* 公共样式 */
body,.mui-content{
	background-color: #fff;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
a{
	color: #000;
}
.my-header,.my-footer{
	background-color: #006699;
}
.my-header h1{
	color: #fff;
}
.my-footer .mui-tab-item{
	color: #fff;
}
.my-header .mui-icon-search,
.my-header .mui-icon-back{
	color: #fff;
}
.my-footer .mui-active.mui-tab-item {
    color: darkorange;
}
.nav-links{
	padding: 10px;
}
.nav-links a{
	float: left;
	width: 33.3333%;
}
.nav-links a img{
	width: 100%;
	vertical-align: top;
}

.brand{
	padding: 0 10px;
}
.brand .title{
	width: 100%;
}
.brand ul{
	overflow: hidden;
}
.brand ul li{
	width: 25%;
	float: left;
}
.brand ul li a{
	display: block;
}
.brand ul li a img{
	width: 100%;
}

.product{
	padding: 0 10px;
}
.product .title{
	width: 100%;
}
.product ul{
	overflow: hidden;
	padding: 6px 0;
}
.product ul li{
	float: left;
	width: 50%;
	padding: 5px;
}
.product ul li a{
	box-shadow: 0 0 5px #ccc;
	display: block;
	padding: 5px;
}
.product ul li a img{
	width: 100%;
}
.product ul li .name{
	display: block;
	color: #8f8f94;
	text-align: center;
	line-height: 18px;
	height: 38px;
	padding: 5px;
	font-size: 14px;
	overflow: hidden;
}
.product ul li p{
	text-align: center;
	padding-top: 6px;
}
.product ul li p span:first-child{
	color: #f20;
	padding-right: 3px;
}
.product ul li p span:last-child{
	text-decoration: line-through;
	padding-left: 3px 0;
}
.product ul li .buy-now{
	display: block;
	background-color: #006699;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	margin: 0 auto 5px auto;
}